
// 1.首页推荐产品分类列表
.item-product-home {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    padding: 5px;
    padding-bottom: 15px;
    border: 1px solid #f1f0f0;
    // width: 10.3125rem;
    // width: 25%;
    // width: 100px;
    width: 100%;
    height: 9.5rem;
    height: 100%;
    overflow: hidden;

    a {
        display: block;
        text-align: center;
        width: 100%;
        color: #111;
        // transition: all .3s;
        .img {
            width: 100%;
            height: auto;
            aspect-ratio: 150 / 150;
        }
        img {
            padding: 4px;
            width: 100%;
            // width: 100px;
            min-width: 50px;
            min-height: 50px;
            transition: all .3s;
            aspect-ratio: 150 / 150;
        }
        ::v-deep(.preload-image) {
            width: 100%;
            img {
                padding: 10px;
                width: 100%;
                width: 150px;
                min-width: 50px;
                min-height: 50px;
                transition: all .3s;
                aspect-ratio: 150 / 150;
            }
        }

        .name {
            display: inline;
            margin-top: 5px;
            // margin-bottom: 10px;
            width: 100%;
            min-width: 100px;
            // font-size: 15px;
            font-display: swap;
            text-align: center;
            // letter-spacing: -1px; /* 减少字间距 */
        }

    }
    &:hover {
        // color: #003abd;
        text-decoration: underline;
        img {
                    transform: scale(1.1);
                }
        a {
            ::v-deep(.preload-image) {
                img {
                    transform: scale(1.1);
                }
            }
        }


    }
}

// 2.首页新品推荐
.item-product-new {
    padding: 0 5px;
    height: fit-content;
    color: var(--el-text-color-primary);
    border-radius: 4px;
    transition: .3s;
    overflow: hidden;
    a {
        display: block;
        text-align: center;
        width: 100%;
        color: #111;
        // transition: all .3s;
        .img {
            // padding: 4px;
            width: 100%;
            // width: 150px;
            min-width: 50px;
            min-height: 50px;
            transition: all .3s;
            aspect-ratio: 150 / 150;
        }


        .name {
            display: inline;
            padding: 8px 0px;
            margin-top: 5px;
            // margin-bottom: 10px;
            width: 100%;
            min-width: 100px;
            // font-size: 15px;
            font-display: swap;
            text-align: center;
            // letter-spacing: -1px; /* 减少字间距 */
            overflow: hidden;
        }

    }
}

// 3.产品页 分类
